body {
  padding: 0;
  width: 750px;
  margin: 0 auto;
  font-family: BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',
  'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 24px;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

$delay-unit: 200ms;

// 生成10个
@for $i from 1 through 20 {
  .delay-#{$i}x {
    transition-delay: $i * $delay-unit;
    animation-delay: $i * $delay-unit;
  }
}

// 按下的时候变小，弹起的时候恢复
.clickable {
  transform: scale(1);
  transition: transform 200ms ease-in-out;

  &:active {
    transform: scale(0.90);
  }
}
body * {
  max-height: 999999px;
}
